<template>
  <div>
    <ul>
      <li>
        <p>
          <span>订单号:123123</span>
          <span
            >待付款
            <i class="el-icon-close"></i>
          </span>
        </p>
        <div class="img_price">
          <span>
            <img
              src="https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3155998395,3600507640&fm=26&gp=0.jpg"
              alt=""
            />
          </span>
          <span>合计 : ￥659</span>
        </div>
        <div class="pay">
          <router-link to="/gopay">去支付</router-link>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {};
</script>

<style scoped lang="scss">
li {
  width: 94%;
  height: 25vh;
  position: fixed;
  left: 3vw;
  top: 12vh;
  color: rgba(80, 80, 80, 1);
  background-color: rgba(241, 241, 241, 1);
  border-radius: 4px;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  p {
    display: flex;
    justify-content: space-between;
    padding: 2vh 5vw;
    font-size: 12px;
  }
  img {
    width: 66px;
    height: 66px;
  }
  .img_price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1vh 5vw;
  }
  .pay {
    width: 16vw;
    height: 3vh;
    position: absolute;
    background-color: rgba(255, 102, 49, 1);
    border-radius: 4px;
    font-size: 12px;
    line-height: 150%;
    text-align: center;
    position: fixed;
    right: 13vw;
    a{
    color: rgba(255, 255, 255, 1);

    }
  }
}
</style>